<!DOCTYPE html>
<html>
<head>
    <title>线充二维码</title>
		<#include "/header.html">
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;生成二维码</a>
            <!--<a class="btn btn-primary" @click="downLoad"><i class="fa fa-trash-o"></i>&nbsp;下载二维码</a>-->
            <a class="btn btn-primary" @click="downLoadAllCode"></i>&nbsp;批量下载二维码EXCEL</a>
            <a class="btn btn-primary" @click="addAll">&nbsp;&nbsp;&nbsp;批量上线</a>&nbsp;
            <!--<div class="form-group">-->
                <!--<div style="vertical-align: middle;display: table-cell!important;">-->
                    <!--<div id="addAllId" style="float: left" class="col-sm-7">-->
                        <!--<input type="text" class="form-control" disabled="disable"placeholder="批量上传二维码编号"/>-->
                    <!--</div>-->
                    <!--<div class="col-sm-2">-->
                        <!--<a class="btn btn-primary"  @click="addAll">&nbsp;选择</a>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        </div>
        <div class="grid-btn">
            <div class="form-group col-sm-2">
                <input type="text" class="form-control" v-model="q.qcode" @keyup.enter="query" placeholder="输入二维码编号">
            </div>
            <div class="form-group">
                <div class="col-sm-1 control-label">状态</div>
                <div class="col-sm-2">
                    <select class="form-control" v-model="q.statu" @keyup.enter="query" >
                        <option value="0">已绑定</option>
                        <option value="1">未绑定</option>
                    </select>
                </div>
            </div>
            <a class="btn btn-default" @click="query">查询</a>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
        <!-- 批量 -->
        <div class="modal fade" id="uploadAll" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <form class="form-horizontal">
                    <div class="modal-content" style="width: 500px;height: 300px">
                        <div style="padding: 15px;">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <div style="padding: 20px 0;border-bottom: 1px solid #E2E5ED;">
                                <p style="font-size: 14px;color: #4c4948;float: left;margin: 0!important;">选择</p>
                            </div>
                        </div>
                        <div class="modal-body">
                            <div class="form-group">
                                <div class="col-sm-2 control-label">请选择excel</div>
                                <div class="col-sm-10">
                                    <input type="file" id="files" class="form-control" placeholder="设备号"/>
                                </div>
                            </div>
                        </div>
                        <div class="modal-body" style="margin-left: 150px">
                            <input type="button" class="btn btn-primary" id="btnSaveUpload" hidden="hidden" data-loading-text="批量上传保存中..." @click="saveUpload" value="确定"/>
                            &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <!-- 关联代理商 -->
        <div class="modal fade" id="myModalAgent" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <form class="form-horizontal">
                    <div class="modal-content" style="width: 750px;">
                        <div style="padding: 15px;">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <div style="padding: 20px 0;border-bottom: 1px solid #E2E5ED;">
                                <p style="font-size: 14px;color: #4c4948;float: left;margin: 0!important;">选择代理商</p>
                            </div>
                        </div>
                        <div class="modal-body">
                            <div style="margin-bottom: 15px">
                                <div style="float: left;margin-left:10px;height:34px;line-height:34px;">代理商状态：</div>
                                <div style="float: left;width:70px;margin-right: 10px;">
                                    <select class="form-control" v-model="qcx.status" @keyup.enter="queryAgent" id="s_id">
                                        <option value="0">正常</option>
                                        <option value="1">异常</option>
                                    </select>
                                </div>

                                <div style="float: left;margin-left:10px;height:34px;line-height:34px;">代理商名称：</div>
                                <div style="float: left;width:120px;margin-right: 10px;">
                                    <input type="text" class="form-control" v-model="qcx.shopName" @keyup.enter="queryAgent" placeholder="请输入内容">
                                </div>
                                <div style="float: left;margin-left:10px;height:34px;line-height:34px;">手机号码：</div>
                                <div style="float: left;width:120px;margin-right: 10px;">
                                    <input type="text" class="form-control" v-model="qcx.shopPhone" @keyup.enter="queryAgent" placeholder="请输入内容">
                                </div>

                                <a class="btn btn-primary" @click="queryAgent">搜索</a>
                            </div>

                            <table id="jqGridAdd" style="width: 100%;"></table>
                            <div id="jqGridPager1"></div>
                            <!--<a class="btn btn-primary" @click="showAgent" style="margin-left: 290px;margin-top: 10px">确定</a>-->
                        </div>
                    </div>
                </form>
            </div>
        </div>

    </div>

							            <div class="form-group">
                <!--<div class="col-sm-2 control-label"></div>-->
                <!--<input type="button" class="btn btn-primary" id="btnSaveOrUpdate" data-loading-text="保存中..." @click="saveOrUpdate" value="确定"/>-->
                <!--&nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>-->

                                            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                                                <div class="modal-dialog" role="document">
                                                    <form class="form-horizontal">
                                                        <div class="modal-content" style="width: 750px;height: 350px;">
                                                            <div style="padding: 15px;">
                                                                <!--<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>-->
                                                                <div style="padding: 20px 0;border-bottom: 1px solid #E2E5ED;">
                                                                    <p style="font-size: 14px;color: #4c4948;float: left;margin: 0!important;">生成二维码</p>
                                                                </div>
                                                            </div>
                                                            <div class="modal-body">
                                                                <div class="form-group">
                                                                    <div class="col-sm-2 control-label">生成数量</div>
                                                                    <div class="col-sm-10">
                                                                        <input type="text" class="form-control" id="num"  placeholder="输入生成的数量：1-2000"/>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="form-group">
                                                                <div class="col-sm-2 control-label"></div>
                                                                <input type="button" class="btn btn-primary"  id="btnCreateQcode" data-loading-text="生成中..." @click="createQcode" value="生成"/>
                                                                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>

            </div>
</div>

<script src="${request.contextPath}/statics/js/modules/sys/lineqcode.js?_${.now?long}"></script>
</body>
</html>